import React from "react";
import { Item } from './Classify.style'
import ClassifyImg from "./classifyImg/ClassifyImg";

const Classify = () => {
    return (
        <>
            <Item>
                <div className="container">
                    <div className="personal-list">
                        <img src="https://p1.meituan.net/travelcube/46ef58cb08127c81bfef52e38ff4c03a3455.png%4048w_48h_1e_1c_80q" alt="" />
                        <div className="personal-title">我的订单</div>
                    </div>
                    <div className="personal-list">
                        <img src="https://p0.meituan.net/travelcube/1f7782597fe3113aa68c3939c4417db03521.png%4048w_48h_1e_1c_80q" alt="" />
                        <div className="personal-title">待付款</div>
                    </div>
                    <div className="personal-list">
                        <img src="https://p0.meituan.net/travelcube/ac99d9d48595c1094f4cd1327bc19e5e3946.png%4048w_48h_1e_1c_80q" alt="" />
                        <div className="personal-title">待使用</div>
                    </div>
                    <div className="personal-list">
                        <img src="https://p1.meituan.net/travelcube/bdc873a9ab4d0131e885cb87444fb42f3356.png%4048w_48h_1e_1c_80q" alt="" />
                        <div className="personal-title">待评价</div>
                    </div>
                    <div className="personal-list">
                        <img src="https://p0.meituan.net/travelcube/11609cba94a7f1af69c0ac31708fdcfa4640.png%4048w_48h_1e_1c_80q" alt="" />
                        <div className="personal-title">退款/售后</div>
                    </div>
                </div>
            </Item>
            {/* <ItemImg>
                <div className="item-img">
                    <img src="https://p0.meituan.net/linglong/8e0302b7f06881a8bead719c555b1421151883.png" alt="" />
                </div>
            </ItemImg> */}
            <ClassifyImg />
        </>
    )
}

export default Classify